<template>
  <el-tabs v-model="activeName">
    <el-tab-pane label="预定须知" name="first" lazy>
      <tab-booking></tab-booking>
    </el-tab-pane>
    <el-tab-pane label="合同条款" name="second" lazy>
      <tabContract></tabContract>
    </el-tab-pane>
    <el-tab-pane label="保险类型" name="third" lazy>
      <tabInsurance></tabInsurance>
    </el-tab-pane>
    <el-tab-pane label="退改规则" name="four" lazy>
      <tabBackrule></tabBackrule>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import tabBooking from './components/tab-booking'
import tabContract from './components/tab-contract'
import tabInsurance from './components/tab-insurance'
import tabBackrule from './components/tab-backrule'
export default {
  components: {
    tabBooking,
    tabContract,
    tabInsurance,
    tabBackrule
  },
  data() {
    return {
      activeName: 'first'
    };
  }
};
</script>

<style lang="scss" scoped></style>
